.invite-content {
  width: 100%;
  height: 100%;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;


  .invite-card-content {
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    width: 480px;
    height: 438px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 1);

    .hint-img {
      width: 114px;
      height: 114px;
    }

    .hint-title {
      height: 28px;
      font-size: 28px;
      margin-bottom: 26px;
      font-weight: 400;
      margin-top: 28px;
      color: #777777;
      line-height: 28px;
    }

    .hint-btn {
      text-align: center;
      background: #C09862;
      padding-right: 44px;
      padding-left: 44px;
      padding-top: 10px;
      padding-bottom: 10px;
      background: rgba(192, 152, 98, 0.1);
      border-radius: 34px;
      border: 2px solid rgba(192, 152, 98, 0.6);
      font-size: 28px;
      font-weight: 500;
      color: #C09862;
    }

    .hint-no {
      font-size: 28px;
      font-weight: 400;
      color: #C09862;
      margin-top: 12px;
      line-height: 28px;
    }
  }

  .opacityBtn {
    background: none;
  }

  .opacityBtn::after {
    border: none;
  }

}
